<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <title>V-love</title>

        <link rel="stylesheet" href="lib/jquery.mobile/jquery.mobile-1.3.1.min.css">
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        
        <script type="text/javascript" src="lib/jquery/jquery-1.9.1.min.js"></script>
        <script type="text/javascript">
        
            $(document).bind( "mobileinit", function() {
                 console.log("mobileinit");
                $.support.cors = true;
                $.mobile.allowCrossDomainPages = true;
            });
        
        </script>

        <script type="text/javascript" src="lib/jquery.mobile/jquery.mobile-1.3.1.min.js"></script>     
        
    </head>

    <body>

        <div id="login" data-role="page">

            <script type="text/javascript" src="js/login.js"></script>

            <div data-role="header">
                <a href="index.html" class="btn_annuler">Annuler</a>
                <p>Connectez vous</p>
            </div>
            
            <div data-role="content" id="content-login">
                <div id="logo"><img src="img/logo.png" alt="logo" /></div>

                <p class="error"></p>

                <input type="text" name="pseudo" placeholder="PSEUDO">
                <input type="password" name="mdp" placeholder="MOT DE PASSE">
                <a href="#" class="button color1" id="btLogin">Connecter</a>
            </div>

        </div>

    </body>
    
</html>
